.login-box{
    text-align: center;
    white-space: nowrap;
    height: 100%;
    min-height: 100%;
    margin-top: -50px;
    &::before{
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    > .login-body{
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        white-space: normal;
        margin: auto;
        width: 330px;
        min-height: 380px;
        background-color: transparent;
        padding: 0 30px;
        border-radius: 5px;
        position: relative;
        >.login-logo{
            margin-bottom: 20px;
        }
        >.login-tips{
            margin-bottom: 20px;
            color: inherit;
        }
        >.login-spin{
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 100;
            height: 380px;
            background-color: rgba(240, 248, 255, 0.50);
            >.ant-spin-dot{
                top: 180px;
            }
            >.ant-spin-text{
                position: relative;
                top: 180px;
            }
        }
    }
    > .login-footer{
        text-align: center;
        width: 100%;
    }
}